<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>充值</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/swiper-3.2.7.min.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
	<!-- 充值 -->
	<div class="recharge landing">

		<div class="header-top-return" title="头部返回">
			<a class="return-a" href="javascript:history.back(-1)">
				<h1>充值</h1>
			</a>
		</div>

		<div class="recharge-sum">
			<img src="images/gold_img.png">
			<h2>账户余额：<span><strong>50</strong>金币</span></h2>
		</div>

		<div class="recharge-main">
			<h1>选择充值金额：<strong>1元=100金币</strong></h1>
			<ul class="clearfix">
				<li class="select">
					<i><img src="images/skew_01.png"></i>
					<h3 class="hot">国庆88元</h3>
					<p class="p-01"><strong>10天VIP</strong>+3000书币<br/><span>多送50元</span></p>
				</li>
				<li>
					<h3 class="hot"><span>33元</span></h3>
					<p class="p-01">3000书币</p>
				</li>
				<li>
					<h3 class="hot"><span>半年</span></h3>
					<p class="p-01"><strong>198元半年免费看</strong></p>
				</li>
				<li>
					<h3 class="hot"><span>50元39元</span></h3>
					<p class="p-01">5000+<strong>3000书币</strong><br/><span>多送50元</span></p>
				</li>
				<li>
					<i><img src="images/skew_02.png"></i>
					<h3 class="hot"><span>365元240元</span></h3>
					<p class="p-01"><strong>365元全年免费看</strong></p>
				</li>
				<li>
					<i><img src="images/skew_02.png"></i>
					<h3 class="hot"><span>60元43元</span></h3>
					<p class="p-01">6000+<strong>5000书币</strong><br/><span>多送50元</span></p>
				</li>
			</ul>
			<div class="recharge-btn">
				<a href="javascript:;">立即充值</a>
			</div>
			<div class="rec-tips">
				<h4>—————————温馨提示—————————</h4>
				<p>如提示支付失败<br/>请关注漫画或联系官方客服进行充值<br/>在线客服每天还会和你分享精彩漫画哦</p>
				<p>金币属于虚拟商品，已经购买不得退换<br/>微信咨询：</p>
			</div>
		</div>

	</div>

	<div class="recharge-success">
		<div class="success-box">
			<h1>充值成功！</h1>
			<p>感谢您的支持，我们将提供更多精彩内容！</p>
			<div class="btn-box">
				<a class="close-btn" href="javascript:;">继续充值</a>
				<a class="" href="javascript:;">分享有礼</a>
			</div>
			<div class="return">
				<a href="my.html">返回个人中心 》</a>		
			</div>
		</div>
	</div>

	<script src="js/layer.js"></script>
	<script src="js/public.js"></script>
</body>
</html>